<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/menu.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
		<script src="static/3rd/jquery.backstretch.min.js"></script>
	</head>
	<body style="background: #000026;">
		<img src="static/img/index_bg.jpg" alt="" /> 
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header" style="background: transparent;padding-top: 0;">
				<div class="title_bg"></div>
				<div class="GY" style="position: relative;top:44px; font-size:33px;">全国工业互联网监测与安全综合管理平台</div>
				<div class="nav_bg nav_bg2">

				</div>
			</div>
			<div class="sub_menu_box" style="position: relative; top:150px;">  
				<div class="sub_menu6">
					<div class="sub_menu_top" style="margin-bottom:20px;">
						<a href="工业互联网资源概况.html" target="mainframe">
							<div class="shade_menu">全国态势</div>
							<img src="static/img/工业互联网概况.png" alt="" />
						</a>
						<a href="山东省内监测.html" target="mainframe">
						    <div class="shade_menu">重点地区</div>
							<img src="static/img/工业互联网山东.png"/>
						</a>
					</div>
					<div class="sub_menu_bottom">
						<a href="工业互联网平台监测界面.html" target="mainframe">
							<div class="shade_menu">重点平台</div>
							<img src="static/img/工业互联网平台.png"/>
						</a>
						<a href="在线设备安全检测.html" target="mainframe">
							<div class="shade_menu">联网设备</div>
							<img src="static/img/工业互联网设备.png" alt="" />
						</a>
						<a href="" target="mainframe">
							<div class="shade_menu">其它(建设中)</div>
							<img src="static/img/bg.jpg"/>
						</a>
					</div>
				</div>
			</div>
		</div>
		<div class="winOpen" style="z-index: 999999;position: absolute;">
			<div class="home" title="返回首页"></div>
			<iframe name="mainframe"  style="display: block;width: 100%; height:100%;"marginheight="0" frameborder="0" scrolling="no" frameborder="0" src="static/全国接入资源视图.html"></iframe>
		</div>
		 <div class="index_foot index2_foot">
			<img src="static/img/foot_bg.png" alt="" />
			 <!-- <div class="foot_text"></div>
			  <div class="foot_logo"></div> -->
			  <div class="pos">
			     <div class="pos1"><img src="static/img/foot_text2.png"></div>
			     <div class="pos2"></div>
				  <div class="pos3">
				  	<img src="static/img/gyLogo.png" class="img2">全国工业互联网监测与安全综合管理平台
				  	<img src="static/img/logo.png" class="img1">全国互联网信息安全管理系统  &nbsp;&nbsp;&nbsp;&nbsp;
		      </div>
			  </div>
		</div> 
		
		
		
		
		<div class="bodyBg"></div>
		<script src="static/js/calculate.js"></script>
		<!--<script src="static/js/flip.js"></script>-->
		<script>
			window.onload=function(){
				calculateIndex();
			}
			window.onresize=function(){
				calculateIndex();
			}
		</script>
		<!--<script src="static/./echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>-->
		<!--<script src="static/./js/page1st.js"></script>-->
		<script>
			$(".sub_menu_box a").addClass('zoomIn animated')
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
			
			$(".sub_menu_box a").click(function(){
				$(".bodyBg").show()
				$(".winOpen").show().addClass('zoomIn animated').removeClass('zoomOut');
			})
			$(".home").click(function(){
				$(".bodyBg").hide()
				$(".winOpen").removeClass('zoomIn').addClass('zoomOut').fadeOut();
			})
			var n=0;
			$(".sub_menu_box>div").eq(0).show();
			$(".heard_nav li").click(function(){
				n=$(this).index();
				console.log(n)
				$(".sub_menu_box>div").hide();
				$(".sub_menu_box>div").eq(n).fadeIn();
				$(".sub_menu_box a").addClass('zoomIn animated')
				$(this).addClass('active').siblings().removeClass('active');
			})
			/*$(".sub_menu_box a").hover(function(){
//				$(this).find(".shade_menu").fadeIn()
					$(this).find(".shade_menu").
			},function(){
//				$(this).find(".shade_menu").fadeOut()
			})*/
		</script>
	</body>
</html>
